@import "~@/public-style.less";
// @import "~@assets/iconfont/font_h7ptsgnu64r/iconfont.css";
.header{
    position: relative;
    width: 100%;
    height: 60px;
    background-color: rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    // border-bottom: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    .left{
        padding-left: 30px;
        display: flex;
        align-items: center;
        .logo{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            box-shadow: 0px 0px 2px rgba(0,0,0,.6);
            overflow: hidden;
            img{
                width: 100%;
                height: 100%;
            }
        }
        span{
            font-size: 22px;
            margin-left: 20px;
            color:@White-theme-title-color;
        }
    }
    .right{
        padding-right: 30px;
        display: flex;
        align-items: center;
        .header-right-solt{
            display: flex;
            align-items: center;
            .add{
                width: 22px;
                height: 22px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: @foreground-color;
                border-radius: 50%;
                color:#fff;
                padding:3px;
                box-sizing: border-box;
                cursor: pointer;
            }
            .add-text{
                margin-left:5px;
                margin-right: 20px;
            }
            .avatar{
                font-size: 26px;
                color:rgba(40, 40, 40, .6);
                cursor: pointer;
            }
        }
        
    }
}